<template>
  <div id="box">
    <img class="versionNumberLogo" src="@/assets/images/bbhlogo.png" alt="">
    <div class="block">
        <el-timeline v-for="(item,index) in list" :key="index">
            <el-timeline-item :timestamp="item.time" placement="top">
            <el-card>
                <h4 class="versionNumber">版本号:{{item.num}}</h4>
                <p v-for="(item2,index) in item.content" :key="index">{{item2.con}}</p>
            </el-card>
            </el-timeline-item>
        </el-timeline>
    </div>
  </div>
</template>

<script>
    import { getVersionList } from "@/api/versionNumber/index";
export default {
    data() {
    return {
        list:[]
    };
  },
  mounted() {
    this.getList();
  },
  methods: {
    getList() {
        getVersionList(this.queryParams).then((response) => {
            console.log(response);
            this.list = response;
        });
    }
  }
}
</script>

<style scoped>
    * {
        margin: 0;
        padding: 0;
    }
    #box {
        padding: 30px;
        max-width: 740px;
        margin: 0 auto;
    }
    .versionNumberLogo {
        margin: 10px 0 20px;
    }
    .versionNumber {
        font-size: 18px;
        font-weight: bold;
    }
</style>